<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>다리어리</title>
<script src="js/header.js"></script>
</head>
<body>
	<div id="diary" data-role="page" data-theme="a">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<div class="ui-btn-left">
				<div id="move_list_button" class="list_button" >
					리스트
				</div>
			</div>
			<h1 data-role="label">DIARY</h1>
			<div class="ui-btn-right">
				<img id="add_diary_button" class="add_button" />
			</div>
			<div data-role="navbar" style="display: none;" id="diary_navbar">
				<ul>
					<li>
						<a class="nav_button" data-icon="custom" id="add_food_button">음식추가</a>
					</li>
					<li>
						<a class="nav_button" data-icon="custom" id="add_exec_button">운동추가</a>
					</li>
					<li>
						<a class="nav_button" data-icon="custom" id="camera_picker_button">사진첨부</a>
					</li>
					<li>
						<a class="nav_button" data-icon="custom" id="graph_move_button">그래프보기</a>
					</li>
				</ul>
			</div>
		</div>
		<div data-role="content">
			<div class="diary_content_page">
				<div>
					<div class="info_bar box_pack_vertical">
						<div class="box_flex1_vertical box_pack">
							<div class="box_flex2 today_label big_text">2012년 5월 27일</div>
							<div class="box_flex1 right big_text">총 칼로리&nbsp;</div>
							<div class="box_flex1 today_kcal_label purple big_text" style="margin-right: 15px;"></div>
						</div>
						<div class="box_flex1_vertical box_pack">
							<div class="box_flex1"></div>
							<div class="box_flex2 right big_text">* 권장 칼로리&nbsp;</div>
							<div class="box_flex1 target_kcal_label pink big_text" style="margin-right: 15px;">1300 Kcal</div>
						</div>
					</div>
				</div>
				<div>
					<ul data-role="listview">
						<li class="divider">
							<div>음식</div>
						</li>
					</ul>
					<ul data-role="listview" class="diary_food_list_content meter">
					</ul>
					<ul data-role="listview" class="diary_food_list_template my_template">
						<li class="diary_food_list my_list_one ">
							<a>
								<div class="box_pack">
									<div class="box_flex10">
										<div class="title"></div>
										<div class="sub_title purple"></div>
									</div>
									<div class="box_flex1" style="margin-right: 30px; text-align: right;">
										<div class="count"></div>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<ul data-role="listview" class="diary_food_nolist" style="display: none;">
						<li class="my_list_one ">
							<a>
								<div class="box_pack">
									<div class="box_flex1">
										<div class="title">등록된 음식이 없습니다.</div>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<ul data-role="listview">
						<li class="divider">
							<div>운동</div>
						</li>
					</ul>
					<ul data-role="listview" class="diary_training_list_content meter">
					</ul>
					<ul data-role="listview" class="diary_training_list_template my_template">
						<li class="diary_training_list my_list_one">
							<a>
								<div class="box_pack">
									<div class="box_flex10">
										<div class="title"></div>
										<div class="sub_title purple"></div>
									</div>
									<div class="box_flex1" style="margin-right: 30px; text-align: right;">
										<div class="count"></div>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<ul data-role="listview" class="diary_training_nolist" style="display: none;">
						<li class="my_list_one ">
							<a>
								<div class="box_pack">
									<div class="box_flex1">
										<div class="title">등록된 운동이 없습니다.</div>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="graph_tab_page" style="display: none;">
				<div class="box_pack">
					<div class="box_flex1 right">단위 : &nbsp;</div>
					<div class="box_flex1">
						<select class="step_change_select" data-rollover="true" data-rollover-name="common_select">
							<option value="6">일주일</option>
							<option value="14">보름</option>
						</select>
					</div>
				</div>
				<div class="box_pack">
					<div class="box_flex1 right"></div>
					<div class="box_flex1">
						<a data-role="button" class="simple_button add_weight_button" data-rollover="true" data-rollover-name="common_button">몸무게 추가</a>
					</div>
				</div>
				<div class="render" id="graph_area" style="position: relative;"></div>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-tap-toggle="false">
			<div data-role="footer">
				<div data-role="navbar" data-iconpos="top" class="footer_nav" data-grid="c">
					<ul>
						<li>
							<a data-role="button" data-icon="custom" id="food_move_button">음식</a>
						</li>
						<li>
							<a data-role="button" data-icon="custom" id="training_move_button">운동</a>
						</li>
						<li>
							<a class="active" data-role="button" data-icon="custom" id="diary_move_button">다이어리</a>
						</li>
						<li>
							<a data-role="button" data-icon="custom" id="coach_move_button">코치</a>
						</li>
					</ul>
				</div>
				<!-- /navbar -->
			</div>
			<!-- /footer -->
		</div>
		<script src="js/diary.js"></script>
	</div>
</body>
</html>